table.history {
}

    table.history td {
        width: 16px;
        height:16px;
    }

    table.history th {
        width: 20px;
    }

    table.history > thead > tr {
    }

        table.history > thead > tr > th {
            background-color: #FBE37E;
        }

            table.history > thead > tr > th.red {
                color: #CC3333;
            }

            table.history > thead > tr > th.blue {
                color: #2F84D8;
            }

    table.history > tbody > tr {
    }

        table.history > tbody > tr > td {
            text-align: center;
            background-color: #F1F1D6;
            color: #CCCCCC;
        }

            table.history > tbody > tr > td.title {
                width: 40px;
                background-color: #F1F1D6;
                color: #000000;
            }

            table.history > tbody > tr > td.red 
            {
                text-align: center;
            background-color: #F1F1D6;
            color: #CCCCCC;
            }

            table.history > tbody > tr > td.blue 
            {
                  text-align: center;
            background-color: #FDF1F1;
            color: #CCCCCC;
            }

            table.history > tbody > tr > td.blue-hit {
                background-color: #2F84D8;
                color: #FFFFFF;
            }

            table.history > tbody > tr > td.red-hit {
                background-color: #CC3333;
                color: #FFFFFF;
            }
